<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>支付结果 - 快递代拿系统</title>
    <link rel="stylesheet" href="../../assets/css/bootstrap.css"/>
    <link rel="stylesheet" href="../../assets/css/express.css"/>
</head>
<body>
<div class="container">
    <!-- 导航栏 -->
    <nav class="navbar navbar-default">
        <div class="collapse navbar-collapse">
            <a class="navbar-brand">快递代拿信息填写</a>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="/search">查询中心</a></li>
                <li><a href="/feedback">意见反馈</a></li>
                <li><a href="/login">登陆系统</a></li>
            </ul>
        </div>
    </nav>
    <!-- 主体部分 -->
    <div class="panel">
        <div class="panel-heading">
            <h3>下单成功</h3>
        </div>
        <div class="panel-body">
            <div>
                您的订单已经通知提交成功，请牢记您的订单号，方便查询进度与反馈。
                订单号：<span class="red-span" id="expressId"></span>
            </div>
            <div style="margin-top: 50px;">
                <a href="/">返回首页</a>
                <a href="/search">查询进度</a>
            </div>
        </div>
    </div>
<script src="../../assets/js/jquery3.3.1.min.js"></script>
<script src="../../assets/js/bootstrap.min.js"></script>
<script src="../../assets/layer/layer.js"></script>
<script src="../../assets/js/http.js"></script>
<script>
    $(function () {
        sendJson("get", "/payment/result/info", {}, false, function (res) {
            if (!res.status) {
                layer.msg("订单已失效，请刷新页面。如无法解决，请联系客服",{icon:2});
            } else {
                var payment = res.data;
                $("#expressId").text(payment.expressId);
            }
        }, function () {
            layer.msg("未知错误",{icon:2});
        });
    });
</script>
</div>
</body>
</html>